import React, {Component} from 'react';
import './NarBar.css';
import Tabs from "../Tabs/Tabs";
import {Link} from "react-router-dom";

class NarBar extends Component {
	constructor(props) {
		super(props);

		// console.log(props);

		this.state = {
			tabs: [
				{channel: '推荐',path:'/recommend',index:0},
				{channel: '歌手',path:'/singers',index:1},
				{channel: '排行榜',path:'/rank',index:2},
			]
		}
	}

	render() {
		return (
			<div className='navBar'>
				<div className="nav-fixed">
					<div className="bars">
						<div className="bar bar1">
							<i className='iconfont icon-ego-menu'/>
						</div>
						<div className="bar bar2">云音悦</div>
						<div className="bar bar3">
							<Link to='/search' className='iconfont icon-fangdajing'/>
						</div>
					</div>
					<Tabs tabs={this.state.tabs} history={this.props.history} meta={this.props.meta}/>
				</div>
				<div className="bars-occupy"/>
				<div className="tabs-occupy"/>
			</div>
		);
	}
}

export default NarBar;